import { useEffect } from 'react';
import { useReducer, store, updateTool } from '@/components';
import styles from './index.less';
const App = () => {
  const [state, setState] = useReducer({
    basicData: [],
  });
  const update = () => {
    setState({
      basicData: store
        .getState('BASIC')
        .filter((ele) => !ele.value || ele.mustType),
    });
  };
  useEffect(() => updateTool.addUpdateFun('content', update), []);
  return (
    <main className={styles.background}>
      <section
        id="resumePreview_content"
        style={{ width: '592.28px', margin: '0 auto' }}
      >
        <div className={styles.resumeContent}></div>
      </section>
    </main>
  );
};
export default App;
